$(document).ready(function() {
	if (message_error != '') {
		$('#myModalErrorMessageStep1').modal('show');
	}
	
	$('#customerDataTable').DataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '5%'},
		                {"sTitle": "ทะเบียนผู้ใช้น้ำ", sClass: "alignCenter", sWidth: '10%'},
		                {"sTitle": "ทะเบียนผู้ใช้น้ำ(เดิม)", sClass: "alignCenter", sWidth: '12%'},
		                {"sTitle": "ชื่อ - นามสกุล", sWidth: '25%'},
		                {"sTitle": "ที่อยุ่", sWidth: '38%', "bSortable": false},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '10%', "bSortable": false,
		                	"mRender": function ( data, type, full ) { 
		                		return '<i class="fa fa-search" title="ดูรายละเอียดผู้ใช้น้ำ" onclick="showData(\'' + data + '\');"></i> '
								+ '<i class="fa fa-file-text-o" title="สถิติการใช้น้ำ" onclick="showStatistic(\'' + data + '\');"></i>';
		                	} 
		                }
		               ],
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "CS22000Srvl?process_type=getDataTable"
	} );
	
});

function searchData() {
	$('#customerDataTable').DataTable().column(0).search(document.getElementById("inputAccount").value);
	$('#customerDataTable').DataTable().column(1).search(document.getElementById("inputAccountOld").value);
	$('#customerDataTable').DataTable().column(2).search(document.getElementById("inputHomeNumber").value);
	$('#customerDataTable').DataTable().column(3).search(document.getElementById("inputName").value);
	$('#customerDataTable').DataTable().draw();
}

function showData(data) {
	document.getElementById("customerAccount").value = data;
	document.getElementById("process_type").value = "gotoShowData";
	document.getElementById("page_source").value = "CS23000";
	document.forms.CS23000Form.action = "CS21001Srvl";
	document.forms.CS23000Form.submit();
}

function showStatistic(data) {
	document.getElementById("customerAccount").value = data;
	document.getElementById("process_type").value = "gotoShowStatistic";
	document.forms.CS23000Form.action = "CS23001Srvl";
	document.forms.CS23000Form.submit();
}

